<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""DTD/xhtml1-strict.dtd">
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/c.tld" prefix="c"%>
<%@taglib uri="/WEB-INF/fmt.tld" prefix="fmt"%>
<%@taglib uri="/WEB-INF/el.tld" prefix="el"%>
<%@taglib uri="/WEB-INF/fn.tld" prefix="fn"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title></title>
		<c:import url="/includes/css_inc.jsp"/>
		<c:import url="/includes/js_inc.jsp"/>
		<script>
		$(function(){
			var currentTime = new Date();
			var month = currentTime.getMonth() + 1;
			if (month < 10) {
				month = 0 + "" + month;
			}
			var day = currentTime.getDate();
			var year = currentTime.getFullYear();
			var date = year+""+month+""+day;
			//var expenseDate = changeDateTh2En($("#expenseDate").val());
			function nonWorkingDates(date){
			 	var day = date.getDay(), Sunday = 0, Monday = 1, Tuesday = 2, Wednesday = 3, Thursday = 4, Friday = 5, Saturday = 6;
			    var closedDates = [[5, 24, 2013], [7, 1, 2013], [7, 22, 2013], [8, 12, 2013], [10, 23, 2013], [12, 5, 2013], [12, 10, 2013], [12, 31, 2013]];
			    var closedDays = [[Sunday], [Saturday]];
			    for (var i = 0; i < closedDays.length; i++) {
			    	if (day == closedDays[i][0]) {
			        	return [false];
			        }

				}

			    for (i = 0; i < closedDates.length; i++) {
			    	if (date.getMonth() == closedDates[i][0] - 1 && date.getDate() == closedDates[i][1] && date.getFullYear() == closedDates[i][2]) {
						return [false];
					}
			  	}

				return [true];
			}
			if ($("#flag").val() == "N") {
		        var today = new Date();
				var tomorrow = new Date();
				tomorrow.setDate(parseFloat(day)+1);
				$("#expenseDate").datepicker({
					dateFormat : 'dd/mm/yy',
					showOn: 'button',
					buttonImage: 'images/calendar_full.png',
					buttonImageOnly: true,
					dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'], 
					monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
					changeMonth: true,
					changeYear: true ,
					isBuddhist: true ,
					beforeShowDay: nonWorkingDates,
					minDate: tomorrow,
					onSelect: function() {
						if ((changeDateTh2En($(this).val()) - date) > 0) {
							$("#flag").val("Y");
						} else if ((changeDateTh2En($(this).val()) - date) <= 0) {
							$("#flag").val("N");
						}
					}
				});
				
			}
			$("#btnSave").button({
	            icons: {
	                primary: "ui-icon-disk"
	            }
			}).click(function(){
				if (validateEmpty()) {
					if ($("#flag").val() == "Y") {
						if(confirm('คุณต้องการยืนยันการส่งข้อมูล?')==true){
							disableField(["btnSave","btnBack","btnRollBack"]);
							$("#btnSave").addClass("ui-button-disabled ui-state-disabled");
							$("#btnBack").addClass("ui-button-disabled ui-state-disabled");
							$("#btnRollBack").addClass("ui-button-disabled ui-state-disabled");
							$("#saveForm").submit();
						} 
					} else {
						alert("ไม่สามารถทำจ่ายได้เนื่องจากเลยกำหนดเวลาที่ธกส.ยอมรับ กรุณาเลือกวันใหม่");
					}
				}
			});
			$("#btnRollBack").button({
	            icons: {
	                primary: "ui-icon-arrowreturnthick-1-w"
	            }
			}).click(function(){
				$("#job").val("rollBack");
				$("#saveForm").submit();
			});
			$("#btnBack").button({
	            icons: {
	                primary: "ui-icon-arrowreturnthick-1-w"
	            }
			}).click(function(){
				$("#job").val("back");
				$("#saveForm").submit();
			});
		});
		</script>
	</head>
	<body>
		<c:set var="auth" value="${el:getMapValue(menuAuth, 'ACC60304')}"/>
		<c:import url="/apps/msg.jsp"/>
		<form class="acc67-form" name="saveForm" id="saveForm" action="${pageContext.request.contextPath}/acc6" method="post">
		<input type="hidden" name="app" id="app" value="ACC60304"/>
		<input type="hidden" name="job" id="job" value="${job}"/>
		<input type="hidden" name="docNo" id="docNo" value="${docNo}"/>
		<input type="hidden" name="budgetYear" id="budgetYear" value="${expenseBean.budgetYear}"/>
		<input type="hidden" name="provinceId" id="provinceId" value="${expenseBean.provinceId}"/>
		<input type="hidden" name="flag" id="flag" value="${flag}"/>
		<table width="100%" class="ui-widget ui-widget-content" border="0">
			<tr>
				<th align="left" class="acc67-header ui-widget-header" colspan="2"><b>${screenCode.ACC60304}</b></th>
			</tr>
			<tr>
				<td class="bold" width="15%">เลขที่เอกสาร : </td>
				<td>${docNo}</td>
			</tr>
			<tr>
				<td class="bold">จังหวัด : </td>
				<td>${provinceName}</td>
			</tr>
			<tr>
				<td class="bold">ปีงบประมาณ : </td>
				<td>${expenseBean.budgetYear}</td>
			</tr>
			<tr>
				<td class="bold">วันที่ทำรายการ : </td>
				<td>${el:dateTh(expenseBean.createdDate)}</td>
			</tr>
			<tr>
				<td class="bold">วันที่จ่าย : </td>
				<c:if test="${flag == 'N'}">
					<td>
						<input type="text" name="expenseDate" id="expenseDate" size="12" maxlength="10" readonly onkeypress="return numberAndSlash(event);" onblur="dateFormat(this);"/>
						<span class="red" id="#expenseDate">*</span>
					</td>
				</c:if>
				<c:if test="${flag == 'Y'}">
					<td>${el:dateTh(expenseBean.expenseDate)}</td>
					<input type="hidden" name="expenseDate" id="expenseDate" value="${el:dateTh(expenseBean.expenseDate)}"/>
				</c:if>
			</tr>
			<tr>
				<td class="bold">ชื่อการจ่าย : </td>
				<td>${expenseBean.expenseSubject}</td>
			</tr>
			<tr>
				<td class="bold" valign="top">คำอธิบายการจ่าย : </td>
				<td>${expenseBean.expenseDesc}</td>
			</tr>
			<tr>
				<td colspan="2">
					<fieldset id="payDetail">
						<legend>รายละเอียดการจ่ายโอน</legend>
						<table width="100%" class="acc67-grid ui-widget ui-widget-content" id="payTableDetail">
							<tr>
								<th align="center" class="ui-state-default">เอกสารอ้างอิง</th>
								<th align="center" class="ui-state-default">กองทุนย่อยเฉพาะด้าน</th>
								<th align="center" class="ui-state-default">เลขที่บัญชี - หน่วยบริการ/คู่สัญญา</th>
								<th align="center" class="ui-state-default">จำนวนเงิน</th>
								<th align="center" class="ui-state-default">ชื่อผู้รับผิดชอบ</th> 
								<th align="center" class="ui-state-default">ชื่อโครงการ/คำอธิบาย</th>
								<th align="center" class="ui-state-default">เงินยืม</th>
							</tr>
							<c:if test="${!empty listExpenseTransfer}">
								<c:forEach items="${listExpenseTransfer}" var="data" varStatus="x">
										<c:set var="reasonDesc" value="${el:getReasonDesc(data.transactionTimestamp)}" />
										<c:if test="${reasonDesc == '00:SUCCESS'}">
										<tr style="background-color: #8eee81;">
										</c:if>
										<c:if test="${reasonDesc == ''}">
										<tr>
										</c:if>
										<c:if test="${reasonDesc != '00:SUCCESS' && reasonDesc != ''}">
										<tr style="background-color: red;" title="${reasonDesc}">
										</c:if>
											<td align="center">${data.refNo}</td>
											<td><span title="${data.allocateName}">${data.allocateCode} : ${data.allocateSub}</span></td>
											<td><span title="${data.venderAccount} - ${data.venderName}">${data.venderAccount} - ${data.venderSub}</span></td>
											<td align="right"><fmt:formatNumber pattern="#,##0.00" value="${data.transferAmount}" /></td>
											<td>${data.responsibleName}</td>
											<td>${data.transferDesc}</td>
											<td>
												<input type="checkbox" ${data.isBorrow=='Y'?'checked':''} disabled="disabled"/>
											</td>
											<input type="hidden" name="refNo" value="${data.refNo}"/>
											<input type="hidden" name="categoryId" value="${data.categoryId}"/>
											<input type="hidden" name="venderCode" value="${data.venderCode}"/>
											<input type="hidden" name="allocateCode" value="${data.allocateCode}"/>
											<input type="hidden" name="transferAmount" value="${data.transferAmount}"/>
											<input type="hidden" name="transferSeq" value="${data.transferSeq}"/>
											<input type="hidden" name="isBorrow" value="${data.isBorrow}"/>
										</tr>
								</c:forEach>
							</c:if>
						</table>
					</fieldset>
				</td>
			</tr>
			<c:if test="${flag == 'N'}">
				<tr>
					<td colspan="2" align="center">
						<span class="red bold">เนื่องจากวันที่จ่ายเป็นวันในอดีต กรุณาเลือกวันที่จ่ายใหม่</span>
					</td>
				</tr>
			</c:if>
			<tr>
				<td colspan="2" align="center">
					<c:if test="${expenseBean.expenseStatus == 'A'}">
						<c:if test="${fn:contains(auth, 'U')}">
							<button type="button" name="btnSave" id="btnSave" class="acc67-button">ยืนยันการส่งข้อมูล</button>
							<button type="button" name="btnRollBack" id="btnRollBack" class="acc67-button">ส่งคืนแก้ไข</button>
						</c:if>
						<button type="button" name="btnBack" id="btnBack" class="acc67-button">ย้อนกลับ</button>
					</c:if>
					<c:if test="${expenseBean.expenseStatus != 'A'}">
						<button type="button" name="btnBack" id="btnBack" class="acc67-button">ย้อนกลับ</button>
					</c:if>
				</td>
			</tr>
		</table>
		</form>
	</body>
</html>